<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
	<link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css">
	<link rel="stylesheet" href="css/demos.css" type="text/css">
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" >
		$(function() {
			$( "#accordion" ).accordion({
				event: "mouseover"
			});
		});
	</script>
	<style type="text/css">
		.picture{
			float:left;
			width:60px;
			height:60px;
			background-color:#ff7400;
		}
		.clear{
			clear:both;
		}
		.detail{
			float:right;
			width:550px;
			height:70px;
			background-color:#F6F2E9;
		}
		
	</style>
	<title>CRM-公司信息</title>
</head>
<body>
		<%@ include file="include/base.jsp" %>
		<%@ include file="include/base-before.jsp" %>
		
		<div class="container">
			<h2>公司</h2>
			<hr/>
			<div class="span8" style="height:800px;">
				<div class="page-header header">
					<div class="picture">	
					</div>
					<div class="detail">
						<h3>Name</h3>
						<span>Job</span>-<span>公司</span><br/>
						<a href="#">编辑链接</a>
					</div>
					<div class="clear"></div>

				</div>
				<div id="accordion">
					<h3 class="btn-primary" style="border-radius:5px">事件&邮件</h3>
					<div>
						<form action="#" method="post">
							<div class="control-group">
								<br/>
								<div class="controls">
								  <textarea style="width:600px;height:80px" rows="3" id="textarea" class="input-xlarge"></textarea>
								</div>
								<button class="btn btn-success" style="float:right">添加事件</button>
								<div class="clear"></div>
							</div>
						</form>
					</div>
					
					<h3 class="btn-info" style="border-radius:5px">联系人</h3>
					<div>
						<form action="#" method="post">
							<div class="control-group">
								<br/>
								
								
									<div class="page-header header">
										<div class="picture">	
										</div>
										<div class="detail">
											<h3>Name</h3>
											<span>Job</span>-<span>公司</span><br/>
											<a href="#">编辑链接</a>
										</div>
									</div>	
									<div class="clear"></div>
								
								
								
								<button class="btn btn-success" >添加联系人</button>
								<div class="clear"></div>
							</div>
						</form>
					</div>
					
					<h3 class="btn-warning" style="border-radius:5px">业务机会</h3>
					<div>
						<br/><br/>
						<form action="#" method="post">
						<button class="btn btn-success">添加机会</button>
						</form>
					</div>
					<h3 class="btn-info" style="border-radius:5px">重要日期</h3>
					<div>
						<br/><br/>
						<form action="#" method="post">
						<button class="btn btn-success">添加日期</button>
						</form>
						
					</div>
				</div>
				
				<hr/>
				<div class="well">
					添加的时间,机会,日期记录.
				</div>
				
			</div>
			<div class="span3 well">
			
				<h4 style="display:inline">未办任务</h4 >
				<span style="float:right"><a href="#">添加任务</a></span>
				<hr/>
				<ul>
					<li>Always use the same element in a single butto.</li>
					<li>Don't mix buttons of different colors in the same button group.</li>
					<li>Use icons in addition to or initle text where appropriate.</li>
				</ul>
				
			
			</div>
			<div class="span3 well">
			<span style="float:right"><a href="#">编辑</a></span>	
			<h4 style="display:inline">联系信息</h4>
				<hr/>
				<ul class="nav nav-list contacts">
				
					<li class="nav-header">电话</li>
					<li>88888<span>手机</span></li>
					
					<li class="nav-header">地址</li>
					<li>1323***<span>手机</span></li>
					
					<li class="nav-header">IM</li>
					<li>QQ<span>手机</span></li>
					
				</ul>
			</div>
			<div class="span3 well">
				
			背景信息
			</div>
			<div class="span3 well">
				
			其他操作
			</div>
		
		</div>
		
		

	
</body>
</html>
